<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
    <style>
        
.test{
    list-style:none;
}
.test li{
    position: relative;
    float:left;
    width: 150px;
    margin-left: 3px;
}

.test a{
    display: block;
    text-align: center;
    height: 30px;
    line-height: 30px;
}

.test a:link{
    color: black;
    background: #ccc;
    text-decoration: none;
}

.test a:visited{
    color: #000;
    text-decoration: underline;
}

.arrow{
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid rgb(43, 130, 156);
    border-right: 10px solid transparent;
    position: absolute;
    left: 25px;
    top:20px;
}

.test a:hover{
    color: #fff;
    font-weight:bold;
    text-decoration: underline;
    background: red;
}

.test a:hover .arrow{
    color: rebeccapurple;
}
    </style>
</head>
<body>
    <h1>《国家一级鸟类相册》</h1>
    <ur class="test">
        <li><a href="1"><div class="arrow"></div>鸟类</a></li>
        <li><a href="2"><div class="arrow"></div>标记</a></li>
        <li><a href="3"><div class="arrow"></div>收藏</a></li>
        <li><a href="4"><div class="arrow"></div>更多</a></li>
        <li><a href="5"><div class="arrow"></div>附近</a></li>
        <li><a href="6"><div class="arrow"></div>其他</a></li>
    </ur>
    <p>Choose an image</p>
    <ul>
        <li>
            <a href="image/黄胸鹀.jpg" title="黄胸鹀---黄胸鹀是雀形目雀科鹀属鸟类， [22] 又名黄胆、禾花雀。 [23] 雄鸟额、头顶、颏、喉黑色；头顶和上体栗色或栗红色；
            尾黑褐色，外侧两对尾羽具长的楔状白班；两翅黑褐色，翅上具一窄的白色横带和一宽的白色翅斑；下体鲜黄色，胸有一深栗色横带。雌鸟上体棕褐色或黄褐色，具粗著的黑褐色中央纵纹；
            腰和尾上覆羽栗红色，两翅和尾上覆羽黑褐色，中覆羽具宽阔的白色端斑，大覆羽具窄的灰褐色端斑亦形成两道淡色翅斑；眉纹皮黄白色；下体淡黄色，胸无横带，两胁具栗褐色纵纹。 [24]
            黄胸鹀分布于欧洲和亚洲，在中国东北、新疆、华北、海南岛、台湾等地区也能看到其身影。栖息于低山丘陵至平原有稀疏树木的灌丛草甸，尤喜河谷湿地附近。繁殖期内单独或成对活动，
            繁殖期外成群活动，迁徙期间可形成数千只的大群。繁殖季主食大量昆虫，迁徙期间主要吃农作物和其他植物种实。繁殖期在5—7月，窝卵数通常4—5枚，卵灰绿色且有褐斑。孵化期约13天，
            雏鸟13—14天可离巢。 [25]黄胸鹀被《世界自然保护联盟濒危物种红色名录》（IUCN）列为极危（CR）物种； [26] 被列入中国《国家保护的有益的或者有重要经济、科学研究价值的陆生野生动物名录》；
             [23] 属中国国家一级重点保护野生动物。"  onclick="return showPic(this)">
                <img src="image/黄胸鹀.jpg" width="90" height="120" alt="">黄胸鹀
             </a>      
        </li>
        <li>
            <a href="image/栗斑腹鹀.png" title="栗斑腹鹀---斑腹鹀最显著的特点就是腹部明显的栗色斑块，因为数量稀少且近年来又迅速减少，2010年，世界自然保护联盟将其列为濒危鸟类。
            此外，它还是国家保护的有益的或者有重要经济、科学研究价值的陆生野生动物名录收入的动物之一。" onclick="return showPic(this)">
               <img src="image/栗斑腹鹀.png" width="90" height="120" alt="">栗斑腹鹀</a>
        </li>
        <li>
            <a href="image/灰胸薮鹛.jpg" title="灰胸薮鹛---灰胸薮鹛（学名：Liocichla omeiensis）是噪眉科、薮鹛属小型鸟类。体长15-20厘米。头顶灰色，前额和眉纹、后颈和颈侧橘黄色，耳羽和下体灰色，腹中黄色。
            上体灰橄榄黄色，飞羽黑色具红色和黄色翅斑。尾橄榄褐色具黑色横斑和红色端斑，尾下覆羽黑色具红色端斑。特征极为明显，野外容易识别。嘴、脚褐色或棕褐色。 [1]
            灰胸薮鹛主要栖息于海拔2400米以下的常绿阔叶林、次生林、竹林和林缘灌丛中，常在林下灌丛中或地上活动或觅食。胆小畏人，通常藏匿于茂密灌丛、竹丛或小乔木树冠内，
            占区鸣叫时通常只闻其声不见其形，一旦发现有人接近就停止鸣唱或立即飞走。主要以昆虫和植物果实与种子为食。
            仅见于中国四川中西部天全、雅安、峨眉、马边、峨边、屏山和二郎山一带。" onclick="return showPic(this)">
                <img src="image/灰胸薮鹛.jpg" width="90" height="120" alt="">灰胸薮鹛</a>
        </li>
        <li>
            <a href="image/灰冠鸦雀.jpg"" title="灰冠鸦雀---灰冠鸦雀（学名：Sinosuthora przewalskii）是莺科、鸦雀属小型鸟类，体长13-15厘米。嘴粗厚而短，似鹦鹉嘴，头顶灰色，前额和眼先黑色，
            眉纹黑褐色，眼周棕褐色。背橄榄黄色，飞羽具黄色羽缘。喉、胸棕褐色，其余下体淡黄色。虹膜砖红色或赭黄色，嘴粉红色，上嘴端斑白色，下嘴微沾黄色，脚蓝灰色。
            [1] 灰冠鸦雀主要栖息于海拔2000-3500米的针叶林和针阔叶混交林和竹丛中，也栖息于林缘疏林灌丛和草丛中，常在林下灌木低枝上或草丛中活动和觅食。主要仍以昆虫和植物果实与种子为食。
            灰冠鸦雀是中国特产鸟类，仅分布于甘肃（岷县、卓尼、舟曲）和四川（九寨沟县、青川县、平武县）。" onclick="return showPic(this)">
                <img src="image/灰冠鸦雀.jpg" width="90" height="120" alt="">灰冠鸦雀</a>
        </li>
        <li>
            <a href="image/棕头歌鸲.jpg" title="棕头歌鸲---棕头歌鸲是一种体长14.5厘米的鸟类，属于雀形目、鹟科、歌鸲属。它是一种冬候鸟或迷鸟，分布于马来西亚以及中国大陆的陕西、四川等地。
            棕头歌鸲多生活于海拔2400米处的杉、桦、杨、山柳和樱桃等灌杂木的地上。该物种的模式产地在陕西南部太白山。棕头歌鸲的学名有两个，分别是Luscinia ruficeps和Larvivora ruficeps。
            它属于鹟科歌鸲属，是一种极善鸣叫的鸟类。棕头歌鸲的自然栖息地包括温带森林和温带灌丛。由于栖息地的破坏，这种鸟类可能面临威胁。" onclick="return showPic(this)">
                <img src="image/棕头歌鸲.jpg" width="90" height="120" alt="">棕头歌鸲</a>
        </li>
        <li>
            <a href="image/白腹海雕.webp" title="白腹海雕---白腹海雕是大型猛禽，翼宽长型，尾短，头部、颈部和下体都是白色，背部为黑灰色。尾羽呈楔形，呈褐色，端部白色，
            是它与其他海雕相区别的主要特征之一。飞翔时从下面看，通体除飞羽和尾羽的基部为黑色外，其余全部为白色，黑白分明，极为醒目。在飞行时，黑色的翅膀跟白色的腹部形成强烈的对比。
            像所有海雕属的成员一样，其尾部很短，呈楔子状。虹膜为褐色，蜡膜和上嘴为红灰色，下嘴蓝灰色，尖端黑色，嘴裂为红蓝色，跗跖和趾为淡肉色，爪黑色。头、颈及下体白色，背羽灰褐；
            尾楔形，基部l/3为灰黑色，其余白色；肩及翼覆羽与背羽同色，飞羽黑褐；翼下覆羽近白，飞翔时可见前白、后褐的翅。嘴铅黑色，脚黄。
            幼鸟上体暗褐，下体棕褐而微具淡纹，尾近白。大小量度：体长710-840克；嘴峰48-55毫米；翅♂526-589毫米，♀588-606毫米；尾208-260毫米；跗蹠92-99毫米。
            （注：♂雄性；♀雌性） [3]" onclick="return showPic(this)">
                <img src="image/白腹海雕.webp" width="90" height="120" alt="">白腹海雕</a>
        </li>
    </ul>
   
    <img id="placeholder" width="550" height="450" src="image/placeholder.jpg"  alt="my image gallery">
    
    <p id="description">
        <img src="image/鸟.png" alt="">
    </p>
    <script src="bird.js"></script>
</body>
</html>